.sidebar {
  font-size: 12px;
  text-align: center;
  ul {
    padding: 10px 0;
    li {
      color: rgba(255,255,255,0.5);
      column-gap: 10px;
      margin-bottom: 16px;
      padding: 6px 8px;
      cursor: pointer;
      user-select: none;
      border-radius: 4px;
      transition: 200ms;
      &:last-child { margin-bottom: 0 }
      &:hover {
        background:rgba(255,255,255,0.3);
      }
    }
    .active { color: #FFFFFF; background: rgba(255,255,255,0.3); }
  }
  .image-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-secondary);
    font-size: 30px;
  }
}
